<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>摆渡村-壁纸-首页</title>
    <link rel="stylesheet" th:href="@{/css/menu.css}">
    <link rel="stylesheet" th:href="@{/css/login.css}">
    <script rel="script" th:src="@{/js/vue.js}"></script>
    <style>
        ::-webkit-scrollbar {display:none}
    </style>
</head>
<body>
<div id="app">

    <div class="nav">
        <div class="brand">
            <div class="brand-title">后台壁纸管理</div>
        </div>
        <div class="menu">
            <ul>
                <li><a th:href="@{/upload}">上传</a></li>
                <li><a th:href="@{/view}">壁纸</a></li>
                <li><a th:href="@{/type}">类型</a></li>
            </ul>
        </div>
        <div class="user">
            <div class="user-login">摆渡人</div>
        </div>
    </div>

    <div class="login" style="margin-top: 100px;">
        <div class="login-context">
            <div class="title">
                <img th:src="@{/img/img.png}" alt="img">
                <h2>摆渡管理员，来登陆管理这个世界</h2>
                <h5 style="color: red" th:text="${msg}"></h5>
            </div>
            <form method="post" th:action="@{/login}">
                <div class="input-control">
                    <label>
                        <input type="text" placeholder="请输入您的邮箱" name="email">
                    </label>
                </div>

                <div class="input-control">
                    <label>
                        <input type="password" placeholder="请输入您的密码" name="password">
                    </label>
                </div>

                <div class="input-control" style="background-color: #1890ff">
                    <label>
                        <input type="submit" value="登录" style="background-color: #1890ff;color: #ffffff;font-size: 18px;">
                    </label>
                </div>
            </form>
        </div>
    </div>
</div>
<script type="application/javascript">
    let vm = new Vue({
        el: '#app',
        data: {
            nav: {
                display: {
                    logo: true
                }
            }
        }
    });
</script>
</body>
</html>